Vue.component('titlebox',{
    template:`
    <div>
        <div class="titlebox">
            <div class="title_no1">{{title}}</div>
            <div class="title_no2">
                <el-divider><i :class="inco"></i></el-divider>
            </div>
            <div class="title_no3">{{text}}</div>
            <slot></slot>
        </div>
    </div>
    `,
    props:['title','inco','text']
})
Vue.component('jgbox',{
    template:`
    <div>
    <div class="jgbox">
    <div class="jg-no1" style="font-size: 24px;color: #ffffff; :background-color: {{bb}}; font-weight: bold;line-height: 66px;">{{tittle}}</div> 
    <div class="jg-no2">
        <span style="font-size: 60px;font-weight: bold;color: black;">{{jg}}</span><p>/月</p>
    </div>
    <div class="jg-no3">
        <p>流量5G/每月</p>
        <p>流量5G/每月</p>
        <p>流量5G/每月</p>
        <p>流量5G/每月</p>
    </div>
    <div class="jg-no4"><h3>联系客服</h3></div>
    <slot></slot>
    </div>
 </div>
 `,
    props:['tittle','jg']
})
Vue.component('jsbox',{
    template:`
    <div>
    <div class="jsbox">
        <div class="jsbox-no1" style="width: 68px;height: 68px;">
        <el-divider><i :class="icon"></i></el-divider>
        </div>
        <div class="jsbox-no2"><h3>服务介绍</h3></div>
        <div class="jsbox-no3"><p>
            服 务 介 绍
            応损捠捡换攳，攴朰朲朳枛朸桸桹桺奿妀。夲夳夵壱売壳圢圤圥圦圧！圩圪囡団囤囥咍咎，咐咑厺厼厽桻桼忝忞帄帇帉帊峢</p>
        </div>
    </div>
</div>`,
props:['icon']
})